<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="utf-8">
  
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Zachary&#39;s blog</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta property="og:type" content="website">
<meta property="og:title" content="Zachary&#39;s blog">
<meta property="og:url" content="http://dontcry2013.github.io/index.html">
<meta property="og:site_name" content="Zachary&#39;s blog">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Zachary&#39;s blog">
  
    <link rel="alternative" href="/atom.xml" title="Zachary&#39;s blog" type="application/atom+xml">
  
  
    <link rel="icon" href="/img/favicon.png">
  
  <link rel="stylesheet" href="/css/style.css">
  
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?e907b20dbb2f8d2eb9402532629ec091";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>
</html>
<body>
  <div id="container">
    <div class="left-col">
    <div class="overlay"></div>
<div class="intrude-less">
	<header id="header" class="inner">
		<a href="/" class="profilepic">
			
			<img lazy-src="/img/litten.png" class="js-avatar">
			
		</a>

		<hgroup>
		  <h1 class="header-author"><a href="/">Zachary</a></h1>
		</hgroup>

		
		<p class="header-subtitle">No pain, no gain</p>
		

		
			<div class="switch-btn">
				<div class="icon">
					<div class="icon-ctn">
						<div class="icon-wrap icon-house" data-idx="0">
							<div class="birdhouse"></div>
							<div class="birdhouse_holes"></div>
						</div>
						<div class="icon-wrap icon-ribbon hide" data-idx="1">
							<div class="ribbon"></div>
						</div>
						
						<div class="icon-wrap icon-link hide" data-idx="2">
							<div class="loopback_l"></div>
							<div class="loopback_r"></div>
						</div>
						
						
						<div class="icon-wrap icon-me hide" data-idx="3">
							<div class="user"></div>
							<div class="shoulder"></div>
						</div>
						
					</div>
					
				</div>
				<div class="tips-box hide">
					<div class="tips-arrow"></div>
					<ul class="tips-inner">
						<li>Menu</li>
						<li>Tags</li>
						
						<li>Links</li>
						
						
						<li>About</li>
						
					</ul>
				</div>
			</div>
		

		<div class="switch-area">
			<div class="switch-wrap">
				<section class="switch-part switch-part1">
					<nav class="header-menu">
						<ul>
						
							<li><a href="/">homepage</a></li>
				        
							<li><a href="/archives">archives</a></li>
				        
						</ul>
					</nav>
					<nav class="header-nav">
						<div class="social">
							
								<a class="github" target="_blank" href="https://github.com/dontcry2013" title="github">github</a>
					        
								<a class="weibo" target="_blank" href="http://weibo.com/u/2278451152" title="weibo">weibo</a>
					        
						</div>
					</nav>
				</section>
				
				
				<section class="switch-part switch-part2">
					<div class="widget tagcloud" id="js-tagcloud">
						<a href="/tags/android/" style="font-size: 14px;">Android</a> <a href="/tags/apache/" style="font-size: 10px;">Apache</a> <a href="/tags/c/" style="font-size: 14px;">C</a> <a href="/tags/css/" style="font-size: 10px;">CSS</a> <a href="/tags/closure/" style="font-size: 10px;">Closure</a> <a href="/tags/command/" style="font-size: 12px;">Command</a> <a href="/tags/es2017/" style="font-size: 14px;">ES2017</a> <a href="/tags/es5/" style="font-size: 18px;">ES5</a> <a href="/tags/es6/" style="font-size: 18px;">ES6</a> <a href="/tags/example/" style="font-size: 10px;">Example</a> <a href="/tags/fiddler/" style="font-size: 10px;">Fiddler</a> <a href="/tags/git/" style="font-size: 12px;">Git</a> <a href="/tags/github/" style="font-size: 14px;">GitHub</a> <a href="/tags/html/" style="font-size: 10px;">HTML</a> <a href="/tags/http/" style="font-size: 10px;">HTTP</a> <a href="/tags/hexo/" style="font-size: 12px;">Hexo</a> <a href="/tags/issue/" style="font-size: 10px;">Issue</a> <a href="/tags/jni/" style="font-size: 10px;">JNI</a> <a href="/tags/java/" style="font-size: 14px;">Java</a> <a href="/tags/mandarin/" style="font-size: 16px;">Mandarin</a> <a href="/tags/markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/mongodb/" style="font-size: 10px;">MongoDB</a> <a href="/tags/ndk/" style="font-size: 10px;">NDK</a> <a href="/tags/node-js/" style="font-size: 14px;">Node.js</a> <a href="/tags/objective-c/" style="font-size: 10px;">Objective-C</a> <a href="/tags/oracle/" style="font-size: 12px;">Oracle</a> <a href="/tags/php/" style="font-size: 10px;">PHP</a> <a href="/tags/prototype/" style="font-size: 12px;">Prototype</a> <a href="/tags/proxy/" style="font-size: 10px;">Proxy</a> <a href="/tags/react-native/" style="font-size: 10px;">React Native</a> <a href="/tags/sql/" style="font-size: 10px;">SQL</a> <a href="/tags/sublime/" style="font-size: 10px;">Sublime</a> <a href="/tags/todo/" style="font-size: 10px;">TODO</a> <a href="/tags/travis/" style="font-size: 10px;">Travis</a> <a href="/tags/ubuntu/" style="font-size: 10px;">Ubuntu</a> <a href="/tags/webview/" style="font-size: 10px;">Webview</a> <a href="/tags/jquery/" style="font-size: 12px;">jQuery</a> <a href="/tags/prototype/" style="font-size: 10px;">prototype</a> <a href="/tags/碎碎念/" style="font-size: 20px;">碎碎念</a> <a href="/tags/英语/" style="font-size: 10px;">英语</a>
					</div>
				</section>
				
				
				
				<section class="switch-part switch-part3">
					<div id="js-friends">
					
			          <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.thirdtea.com/">三号茶馆</a>
			        
			          <a target="_blank" class="main-nav-link switch-friends-link" href="http://www.jianshu.com/users/c2f3ff613436/latest_articles">猫哥学前班</a>
			        
			        </div>
				</section>
				

				
				
				<section class="switch-part switch-part4">
				
					<div id="js-aboutme">我是谁，我从哪里来，我到哪里去？我就是我，是颜色不一样的吃货…</div>
				</section>
				
			</div>
		</div>
	</header>				
</div>

    </div>
    <div class="mid-col">
      <nav id="mobile-nav">
  	<div class="overlay">
  		<div class="slider-trigger"></div>
  		<h1 class="header-author js-mobile-header hide">Zachary</h1>
  	</div>
	<div class="intrude-less">
		<header id="header" class="inner">
			<div class="profilepic">
			
				<img lazy-src="/img/litten.png" class="js-avatar">
			
			</div>
			<hgroup>
			  <h1 class="header-author">Zachary</h1>
			</hgroup>
			
			<p class="header-subtitle">No pain, no gain</p>
			
			<nav class="header-menu">
				<ul>
				
					<li><a href="/">homepage</a></li>
		        
					<li><a href="/archives">archives</a></li>
		        
		        <div class="clearfix"></div>
				</ul>
			</nav>
			<nav class="header-nav">
				<div class="social">
					
						<a class="github" target="_blank" href="https://github.com/dontcry2013" title="github">github</a>
			        
						<a class="weibo" target="_blank" href="http://weibo.com/u/2278451152" title="weibo">weibo</a>
			        
				</div>
			</nav>
		</header>				
	</div>
</nav>

      <div class="body-wrap">
  
    <article id="post-travis-practice" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2019/12/06/travis-practice/" class="article-date">
  	<time datetime="2019-12-06T23:46:03.000Z" itemprop="datePublished">2019-12-06</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2019/12/06/travis-practice/">Travis Practice</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>Coding is just part of the software development, and more time usually spent on building and testing.</p>
<p>In order to improve the efficiency of software development, automated tools for building and testing are constantly emerging. <a href="https://travis-ci.org" target="_blank" rel="noopener">Travis CI</a> is one of these tools with the largest <a href="https://github.com/blog/2463-github-welcomes-all-ci-tools" target="_blank" rel="noopener">market share</a>.<br><img src="/img/travis-logo.png" alt="travis" title="Travis CI"></p>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
	<div class="article-tag tagcloud">
		<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/github/">GitHub</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/travis/">Travis</a></li></ul>
	</div>

      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/ci/">CI</a><a class="article-category-link" href="/categories/ci/basic/">Basic</a><a class="article-category-link" href="/categories/ci/basic/tools/">Tools</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2019/12/06/travis-practice/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-docker" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2019/12/05/docker/" class="article-date">
  	<time datetime="2019-12-05T11:28:38.000Z" itemprop="datePublished">2019-12-05</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2019/12/05/docker/">Getting started with Docker</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>Since its release in 2013, <a href="http://www.docker.com" target="_blank" rel="noopener">Docker</a> has been receiving a lot of attention and is considered to be likely to change the software industry.</p>
<p>However, many people don’t know exactly what Docker is, what problems to solve, and what are the benefits? This article explains it in detail to help everyone understand it. It also comes with easy-to-understand examples to teach you how to use it for daily development.</p>
<p><img src="/img/docker-logo.png" alt="Docker Logo" title="Docker Logo"></p>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/ci/">CI</a><a class="article-category-link" href="/categories/ci/basic/">Basic</a><a class="article-category-link" href="/categories/ci/basic/tools/">Tools</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2019/12/05/docker/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-jest-practice" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2019/12/05/jest-practice/" class="article-date">
  	<time datetime="2019-12-05T11:27:47.000Z" itemprop="datePublished">2019-12-05</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2019/12/05/jest-practice/">jest-practice</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>A quick overview to Jest, a test framework for Node.js. This guide targets Jest v20.</p>
<p><em><a href="https://github.com/sapegin/mrm-tasks/tree/master/packages/mrm-task-jest" target="_blank" rel="noopener">Mrm</a> and <a href="https://github.com/skovhus/jest-codemods" target="_blank" rel="noopener">jest-codemods</a> are for single-command Jest installation and easy migration from other frameworks.</em><br>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
      

      
        <p class="article-more-link">
          <a  href="/2019/12/05/jest-practice/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-github-code-block" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2019/12/02/github-code-block/" class="article-date">
  	<time datetime="2019-12-02T14:39:38.000Z" itemprop="datePublished">2019-12-02</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2019/12/02/github-code-block/">Languages Supported by Github Flavored Markdown</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>Github uses Linguist to perform language detection and syntax highlighting. Here a list of common languages that can be used with the backtick (see full list in <a href="https://github.com/github/linguist/blob/master/lib/linguist/languages.yml" target="_blank" rel="noopener">Linguist - languages.yml</a>).<br>After further investigation, wrapping your code with lines that consist of three backticks, and it supports <a href="https://help.github.com/en/github/writing-on-github" target="_blank" rel="noopener">Github Flavored Markdown</a></p>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
	<div class="article-tag tagcloud">
		<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/github/">GitHub</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/markdown/">Markdown</a></li></ul>
	</div>

      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/git/">Git</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2019/12/02/github-code-block/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-js-versions" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2019/11/27/js-versions/" class="article-date">
  	<time datetime="2019-11-27T11:28:57.000Z" itemprop="datePublished">2019-11-27</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2019/11/27/js-versions/">JavaScript Versions</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>ECMAScript is the standard upon which JavaScript is based, and it’s often abbreviated to ES.</p>
<h1 id="ES-Versions"><a href="#ES-Versions" class="headerlink" title="ES Versions"></a>ES Versions</h1><table>
<thead>
<tr>
<th>Edition</th>
<th>Official name</th>
<th>Date published</th>
</tr>
</thead>
<tbody>
<tr>
<td>ES9</td>
<td>ES2018</td>
<td>June 2018</td>
</tr>
<tr>
<td>ES8</td>
<td>ES2017</td>
<td>June 2017</td>
</tr>
<tr>
<td>ES7</td>
<td>ES2016</td>
<td>June 2016</td>
</tr>
<tr>
<td>ES6</td>
<td>ES2015</td>
<td>June 2015</td>
</tr>
<tr>
<td>ES5.1</td>
<td>ES5.1</td>
<td>June 2011</td>
</tr>
<tr>
<td>ES5</td>
<td>ES5</td>
<td>December 2009</td>
</tr>
</tbody>
</table>
<!-- <table>
    <thead>
        <tr>
            <th>Edition</th>
            <th align="center">Official name</th>
            <th align="right">Date published</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>ES9</td>
            <td align="center">ES2018</td>
            <td align="right">June 2018</td>
        </tr>
        <tr>
            <td>ES8</td>
            <td align="center">ES2017</td>
            <td align="right">June 2017</td>
        </tr>
        <tr>
            <td>ES7</td>
            <td align="center">ES2016</td>
            <td align="right">June 2016</td>
        </tr>
        <tr>
            <td>ES6</td>
            <td align="center">ES2015</td>
            <td align="right">June 2015</td>
        </tr>
        <tr>
            <td>ES5.1</td>
            <td align="center">ES5.1</td>
            <td align="right">June 2011</td>
        </tr>
        <tr>
            <td>ES5</td>
            <td align="center">ES5</td>
            <td align="right">December 2009</td>
        </tr>
        <tr>
            <td>ES4</td>
            <td align="center">ES4</td>
            <td align="right">Abandoned</td>
        </tr>
        <tr>
            <td>ES3</td>
            <td align="center">ES3</td>
            <td align="right">December 1999</td>
        </tr>
        <tr>
            <td>ES2</td>
            <td align="center">ES2</td>
            <td align="right">June 1998</td>
        </tr>
        <tr>
            <td>ES1</td>
            <td align="center">ES1</td>
            <td align="right">June 1997</td>
        </tr>
    </tbody>
</table> -->
      
    </div>
    
    <div class="article-info article-info-index">
      
      
      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/javascript/">JavaScript</a>
	</div>


      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-pull-request" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2019/11/25/pull-request/" class="article-date">
  	<time datetime="2019-11-25T23:31:22.000Z" itemprop="datePublished">2019-11-25</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2019/11/25/pull-request/">Pull Request</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <h1 id="Pull-Request-is-a-Feature-of-GitHub"><a href="#Pull-Request-is-a-Feature-of-GitHub" class="headerlink" title="Pull Request is a Feature of GitHub"></a>Pull Request is a Feature of GitHub</h1><p>Pull request can be used in GitHub and platforms like GitLab and GitBucks.<br>It is not supported in your server if you make a repository by using git.</p>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
	<div class="article-tag tagcloud">
		<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/github/">GitHub</a></li></ul>
	</div>

      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/git/">Git</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2019/11/25/pull-request/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-sequential-execuation-queue" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2018/05/01/sequential-execuation-queue/" class="article-date">
  	<time datetime="2018-05-01T09:48:28.000Z" itemprop="datePublished">2018-05-01</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2018/05/01/sequential-execuation-queue/">Sequential Execution Queue</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <p>There are a lot of scenarios that we want a queue executed sequentially, like we have a list of video url, and we want to download all of the video, after finish one we have to check the integrity, start next job if it is OK. Normally, we have three methods to do that.<br>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
	<div class="article-tag tagcloud">
		<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/es2017/">ES2017</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/es6/">ES6</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/node-js/">Node.js</a></li></ul>
	</div>

      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/javascript/">JavaScript</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2018/05/01/sequential-execuation-queue/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-js-apply-call-bind-example" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2018/04/16/js-apply-call-bind-example/" class="article-date">
  	<time datetime="2018-04-16T09:57:24.000Z" itemprop="datePublished">2018-04-16</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2018/04/16/js-apply-call-bind-example/">Examples Of Understanding JavaScript Apply, Call And Bind</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <h1 id="apply-call-and-bind"><a href="#apply-call-and-bind" class="headerlink" title="apply, call and bind"></a>apply, call and bind</h1><p>They are the embedded method of a function. The following examples show usage to bind this object to a callback function to replace the global this. </p>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
	<div class="article-tag tagcloud">
		<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/example/">Example</a></li></ul>
	</div>

      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/javascript/">JavaScript</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2018/04/16/js-apply-call-bind-example/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-tips-of-js-and-css" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/06/23/tips-of-js-and-css/" class="article-date">
  	<time datetime="2017-06-23T10:30:26.000Z" itemprop="datePublished">2017-06-23</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2017/06/23/tips-of-js-and-css/">Tips Of JavaScript, CSS And HTML</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <h1 id="Difference-Between-Auto-and-100"><a href="#Difference-Between-Auto-and-100" class="headerlink" title="Difference Between Auto and 100%"></a>Difference Between Auto and 100%</h1><p>Parent div height by default is auto, which will be regulated by their children div.<br>Children div height 100%, will match and follow parent’s height. </p>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
	<div class="article-tag tagcloud">
		<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/css/">CSS</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/es5/">ES5</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/html/">HTML</a></li></ul>
	</div>

      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/web/">Web</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2017/06/23/tips-of-js-and-css/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
    <article id="post-5-minutes-trivial" class="article article-type-post" itemscope itemprop="blogPost">
  
    <div class="article-meta">
      <a href="/2017/05/20/5-minutes-trivial/" class="article-date">
  	<time datetime="2017-05-20T09:34:49.000Z" itemprop="datePublished">2017-05-20</time>
</a>
    </div>
  
  <div class="article-inner">
    
      <input type="hidden" class="isFancy" />
    
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2017/05/20/5-minutes-trivial/">5 Minutes Trivial</a>
    </h1>
  

      </header>
      
    
    <div class="article-entry" itemprop="articleBody">
      
        <h1 id="Trivial"><a href="#Trivial" class="headerlink" title="Trivial"></a>Trivial</h1><p>能有空、有心思在这里唠叨，大概最近很不爽吧。可以事实上并没有什么人惹我，只是觉得朋友圈挺无聊不适合发些内心中的想法。<br>
      
    </div>
    
    <div class="article-info article-info-index">
      
      
	<div class="article-tag tagcloud">
		<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/碎碎念/">碎碎念</a></li></ul>
	</div>

      
	<div class="article-category tagcloud">
	<a class="article-category-link" href="/categories/article/">Article</a>
	</div>


      
        <p class="article-more-link">
          <a  href="/2017/05/20/5-minutes-trivial/#more">more >></a>
        </p>
      
      <div class="clearfix"></div>
    </div>
    
  </div>
  
</article>









  
  
    <nav id="page-nav">
      <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/6/">6</a><a class="extend next" rel="next" href="/page/2/">Next &raquo;</a>
    </nav>
  
</div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info">
    	<div class="footer-left">
    		&copy; 2019 Zachary
    	</div>
      	<div class="footer-right">
      		<a href="http://hexo.io/" target="_blank">Hexo</a>  Theme <a href="https://github.com/litten/hexo-theme-yilia" target="_blank">Yilia</a> by Litten
      	</div>
    </div>
  </div>
</footer>
    </div>
    
  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css">


<script>
	var yiliaConfig = {
		fancybox: true,
		mathjax: true,
		animate: true,
		isHome: true,
		isPost: false,
		isArchive: false,
		isTag: false,
		isCategory: false,
		open_in_new: false
	}
</script>
<script src="http://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min.js"></script>
<script src="/js/main.js"></script>






<script type="text/x-mathjax-config">
MathJax.Hub.Config({
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
        processEscapes: true,
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
    }
});

MathJax.Hub.Queue(function() {
    var all = MathJax.Hub.getAllJax(), i;
    for(i=0; i < all.length; i += 1) {
        all[i].SourceElement().parentNode.className += ' has-jax';                 
    }       
});
</script>

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>


  </div>
</body>
</html>